<template>
    <div class="myMusic2">
        <div class="myMusic-title">本地和下载</div>
        <div class="myMusic-nav">
            <div class="myMusic-nav2">
                <div class="myMusic-nav3">
                    <ul>
                        <li>本地歌曲157</li>
                        <li>下载歌曲24</li>
                        <li>下载视频0</li>
                        <li>正在下载0</li>
                    </ul>
                </div>
                <div class="myMusic-nav4">
                    <button>播放全部</button>
                    <button>下载</button>
                </div>
                <div class="myMusic-nav5">
                    <ul>
                        <li>歌曲</li>
                        <li>歌手</li>
                        <li>专辑</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="myMusic-nav6">
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
            <ul>
                <li>
                    <svg fill="#000000" height="20px" width="20px" version="1.1" id="Layer_1"
                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                        xml:space="preserve" title="Test-Label">
                        <g>
                            <g>
                                <path d="M365.714,3.47c-42.487,0-82.143,18.18-109.714,49.502C228.428,21.65,188.772,3.47,146.286,3.47
			C65.624,3.47,0,69.094,0,149.756c0,33.752,11.776,66.69,33.157,92.744L256,508.53l222.743-265.909l0.1-0.121
			C500.224,216.445,512,183.508,512,149.756C512,69.094,446.376,3.47,365.714,3.47z M454.661,222.553L256,459.713L57.339,222.553
			c-16.762-20.454-25.992-46.303-25.992-72.797c0-63.377,51.562-114.939,114.939-114.939c39.149,0,75.245,19.652,96.558,52.57
			L256,107.708l13.156-20.321c21.313-32.917,57.409-52.57,96.558-52.57c63.377,0,114.939,51.562,114.939,114.939
			C480.653,176.25,471.423,202.099,454.661,222.553z" />
                            </g>
                        </g>
                    </svg>
                    <p>最佳损友</p>
                </li>
                <li>
                    <p>陈奕迅</p>
                </li>
                <li>
                    <p>专辑：最佳损友</p>
                </li>
            </ul>
        </div>
    </div>
</template>

<style lang="scss" scoped></style>